@charset "utf-8";
/* reset */
html { height: 100%; +overflow-x:hidden; }
body { min-height: 100%; overflow-x:hidden; }
body { _height: 100% }
body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, iframe, pre, code, fieldset, legend, form, input, select, textarea, button, p, blockquote, th, td, figure { margin: 0; padding: 0 }
body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, iframe, pre, code, fieldset, legend, form, p, blockquote, figure, header, footer, nav, article, section, aside, address, figcaption { *zoom: 1 }
li { list-style-type: none }
h1, h2, h3, h4, h5, h6 { font-size: 100% }
iframe, frame, fieldset, img { border: 0 none }
img { vertical-align: top }
input[type=button], input[type=submit], input[type=reset] { cursor: pointer }
button { cursor: pointer }
input, textarea, button { -webkit-border-radius: 0; -webkit-appearance: none }
input[type=radio] { -webkit-border-radius: 100%; -webkit-appearance: radio }
input[type=checkbox] { -webkit-appearance: checkbox }
input[type=search] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -ms-box-sizing: content-box; -o-box-sizing: content-box; box-sizing: content-box }
textarea { overflow: auto; resize: none }
blockquote, q { quotes: none }
blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none }
table { border-collapse: collapse; border-spacing: 0 }
caption, th { text-align: left }
th { font-weight: normal }
em, cite, address,i { font-style: normal }
sup { vertical-align: text-top }
sub { vertical-align: text-bottom }
body, input, select, button, textarea { font-size: 14px;  font-family:Microsoft Yahei,Arial; *font-weight:normal }
body { line-height: 1.17 ;font-weight:normal}

a,.header_c,.phone_menu,.phone_menu em,.search_box,.style_inner_cover,header,section,footer,.subnav { text-decoration: none ;transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; color:#7d7d7e;}
.star_product_part1 ul li a img,.star_product_part2_box ul li a > img,.news_active_part_box > a img,.imgcase li .imgcase_cover,.news_main li dl dd a img,.news_case_l img { text-decoration: none ;transition:all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; color:#7d7d7e;}
.our_main_box_wrap h4, .our_main_box ul li span, .our_main_box_wrap p, .our_main_box_wrap { text-decoration: none ;transition:all 0.6s cubic-bezier(0.42,0,1,1) 0s; color:#7d7d7e; }
a:hover { color:#333; }
a,li,span { blr:expression(this.onFocus=this.blur()) }
a * { *cursor: pointer }
:focus { outline: none }

.edit_con_original{ line-height:1.8; padding:0 0;}
.edit_con_original ul{ margin:inherit; padding:inherit; padding-left:2em;}
.edit_con_original ul li { list-style-type:disc; margin:auto; }
.edit_con_original ol{ margin:inherit; padding:inherit}
.edit_con_original ol li { list-style-type:decimal; margin:auto; }
.edit_con_original h1 { font-size: 2em; font-weight:bold }
.edit_con_original h2 { font-size: 1.5em; font-weight:bold }
.edit_con_original h3 { font-size: 1.17em; font-weight:bold }
.edit_con_original h4 { font-size: 1em; font-weight:bold }
.edit_con_original h5 { font-size: 0.83em; font-weight:bold }
.edit_con_original h6 { font-size: 0.67em; font-weight:bold }
.edit_con_original em { font-style: italic }
.edit_con_original cite{ font-style: italic }
.edit_con_original address{ font-style: italic }
.edit_con_original i { font-style: italic }
.edit_con_original table{ border-collapse: separate; border-spacing: 2px }
.edit_con_original img{ max-width:100%; height:auto;}



/*所有后台编辑器区域都要引用 edit_con_original 类名*/

/* clear 页头，页脚，内容区都不用再加清除样式 */
.fixed:before, .clearfix:before, .cf:before, body:before, .header:before, .main:before, .footer:before { content: ''; display: table }
.fixed:after, .clearfix:after, .cf:after, after, .header:after, .main:after, .footer:after { content: ''; display: table; clear: both }
.fixed, .clearfix, .cf, .header, .main, .footer { *zoom: 1 }


.clear, .cl { display: block!important; float: none!important; clear: both; width: auto!important; max-width: none!important; min-width: 0!important; max-height: none!important; min-height: 0!important; overflow: hidden; margin: 0!important; padding: 0!important; border: 0 none!important; font-size: 0!important; line-height: 0!important }

.arial { font-family:Arial; }
.fl {  float:left;}
.fr {  float:right;}


header,section,footer{ opacity:0; overflow:}

section,footer{  overflow: hidden;}

.star_product_part1 ul,.star_product_part2 ul,.imgcase ul {
    overflow:hidden;
}

.star_product_part1 ul li,.star_product_part2_box li{ width:25%; float:left;}
.star_product_part1 ul{ position:relative;}
.star_product_part1 ul li{ width:25%; float:left;}
.imgcase li{ width:25%; float:left;}

.header_l,.header_r {
    width:20%;
    float:left;
}
.header_l {  width:125px; height:71px; position:relative;}
.header_l a { cursor:pointer; display:block; width:138px; height:71px; position:absolute; left:0; top:0; z-index:300;}
.header_c{ width:51%; position:absolute; left:50%; margin-left:-30%;}

.banner_vid{ width:100%; height:100%; display:block; position:absolute; left:0; top:0; /*background:url(../images/play_video.png) no-repeat center;*/ z-index:500; }


header { height:70px; line-height:70px; position:fixed; width:100%; z-index:7000; background:#ffffff; top:0; }

header li { display:inline-block; }
header li a {  font-size:14px; color:#7d7d7e; display:block; padding:0 34px;}
header li.on a{ color:#686666;  font-weight:bold;}

.bx-wrapper .bx-viewport{}

.in_banner ul{/*position:relative; left:-1px;*/}
.in_banner ul,.in_banner ul li {  width:100%; height:100%; z-index:1; overflow: hidden;}
.in_banner ul li.curr{z-index:2;}
.in_banner li img { width:100%; height:100%; }
.in_banner .vbox{ position:absolute; width:100%; height:100%; z-index:1; left:0; top:0; cursor:pointer;  background:#000; }
.in_banner .vbox video{width: 100%; height:100%; }
.in_banner ul li video{ height:100%; width:100%; transform: scale(1.02); -webkit-transform: scale(1.02);}
/*.cdr111{height: auto!important;}*/
.cdr111 ul,.cdr111 ul li{height: auto!important;}
.cdr111 ul li{position: relative;}
/*.cdr111 ul li em{height: auto!important;}*/
.in_banner ul li em{ display:block; width:100%; height:100%; background:rgba(0,0,0,0.6) url(../images/play_video.png) center no-repeat; position:absolute; left:0; top:0; cursor:pointer;}
.cdr111 ul li img{height: auto!important;}
.header_l {  margin-left:60px; position:relative; z-index:500; top:-1px;}
.header_c { text-align:center; z-index:300;  }
.header_r { padding-right:94px; position:relative; float:right; width:320px; z-index:500; height:70px;}
.header_right_box {  float:right; width:150px; position: relative; height:70px;}
.header_right_box span { position:relative; display:inline-block; width:40px; height:70px; z-index: 200; }
.header_right_box .header_right_icon1{ background:url(../images/index_pic1.svg) no-repeat center;}
.header_right_box .header_right_icon1.on{ background:url(../images/index_pic1_on.svg) no-repeat center;}
.header_right_box .header_right_icon2{ background:url(../images/index_pic2.svg) no-repeat center;}
.header_right_box .header_right_icon3{ background:url(../images/index_pic3.svg) no-repeat center;}
.header_right_box .header_right_icon3.on{ background:url(../images/index_pic3_on.svg) no-repeat center;}
.header_right_box a.header_right_box_pic1 { display:inline-block; width:40px; height:100%; position:absolute; top:0; }
.header_right_box a.header_right_box_pic2 { display:inline-block; width:40px; height:100%; position:absolute; top:0; }
.header_right_box a.header_right_box_pic3 { display:inline-block; width:40px; height:100%; position:absolute; top:0; }
.header_r > a {  float:right; margin-right:12%; font-family:Arial;}
.search { position:absolute; right:0; width:70px; height:70px; /* background:url(../images/index_pic4.jpg) no-repeat center #f8f8f8; */transition:all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;  z-index: 300}
.search_svg{position:absolute; right:0; width:70px; height:70px; z-index: 1}
.search_svg1{margin-left:25px; position: relative; top:6px;}

.in_banner { margin-top:70px; position:relative; overflow:hidden; }

.in_banner dl { position:absolute; text-align:center; bottom:20px; left:0; width:100%; z-index:5000; }
.in_banner dl dd { display:inline-block; width:9px; height:9px; border-radius:5px; background:#fff; margin-right:20px; border:1px solid #000; cursor:pointer; }
.in_banner dl dd:last-child { margin-right:0; }
.in_banner dl dd.active { background:#000; }



.star_product_header {  height:138px; width:138px; background:#333137; display:block; margin:0 auto 114px; position:relative; }
.star_product_header span { display:none; }
.star_product_header h4 { display:block; width:100%; height:100%; position:relative; }
.star_product_header .star_index {  width:140px; height:27px; display:block; position:absolute; top:50%; margin-top:-13px; left:50%; margin-left:-70px;}
.star_product_header em { display:block; background:url(../images/jia.png) no-repeat left center; display:block; width:10px; height:10px; position:absolute; bottom:14px; left:50%; margin-left:-5px; }

.banner_left{ left:3%; top:50%; margin-top:-24px; display:block; width:48px; height:48px; position:absolute; z-index:10000; /* background:url(../images/lm.png) no-repeat left; */}
.banner_right{ right:3%; top:50%; margin-top:-24px; display:block; width:48px; height:48px; position:absolute; z-index:10000; /* background:url(../images/rm.png) no-repeat left; */}

.banner_left0{ position:absolute; left:3%; top:calc(50% - 24px); display:block; width:30px; height:59px; z-index:300; filter:alpha(opacity=10); -moz-opacity:0.1; -khtml-opacity: 0.1; opacity: 0.1; }
.banner_left0:hover{ position:absolute; left:3%; top:calc(50% - 24px); display:block; width:30px; height:59px; z-index:300; filter:alpha(opacity=10); -moz-opacity:0.1; -khtml-opacity: 0.1; opacity: 0.1;}


.banner_right0{ position:absolute; right:3%; top:calc(50% - 24px); display:block; width:30px; height:59px; z-index:300; filter:alpha(opacity=10); -moz-opacity:0.1; -khtml-opacity: 0.1; opacity: 0.1;}
.banner_right0:hover{ position:absolute; right:3%; top:calc(50% - 24px); display:block; width:30px; height:59px; z-index:300; filter:alpha(opacity=10); -moz-opacity:0.1; -khtml-opacity: 0.1; opacity: 0.1;}

.star_product{  background:url(../images/bg_back.jpg) no-repeat; background-size:100% 100%; padding-bottom:118px;}
.star_product h1{text-align:center; color:#ffffff; font-weight:normal; font-size:18px;}
.star_wrap{ width:100%; overflow:hidden;}
.star_product_part1{ width:1106px; margin:0 auto 30px; }
.star_product_part1 ul { margin:0 -15px; }
.star_product_part1 ul li a { display:block; margin:0 15px; position:relative; overflow:hidden; }
.star_product_part1 ul li a img { width:100%; height:100%; }
@media only screen and (min-width: 1025px) {
    .star_product_part1 ul li a:hover img {
        transform: scale(1.2);
    }
}
.star_product_part1 ul li a p { width:100%; height:70px; line-height:70px; bottom:0; position:relative; text-align:center; font-size:14px; color:#000000; font-family:Arial; text-transform:uppercase;}



.star_product_part2 {  width:1310px; margin:0 auto; position:relative;}
.star_product_part2 .star_product_part2_box { width:1106px; margin:0 auto; position:relative; z-index:200; overflow:hidden; }
.star_product_part2_box li a { display:block; margin:0 15px; position:relative; overflow:hidden; }
.star_product_part2_box ul{ position:relative; width:8000%;}
.star_product_part2_box ul li a > img { width:100%; height:100%; }
@media only screen and (min-width: 1025px) {
    .star_product_part2_box ul li a:hover > img {transform: scale(1.2);}
    .news_active_part_box > a:hover img{ transform:scale(1.2);}
}
.star_product_part2_box ul li a span { display:block; width:32px; position:absolute; left:50%; margin-left:-16px; top:70px; z-index:500; }
.star_product_part2_box ul li a span img{ display: none!important;}
.star_product_part2_box ul li a span em, .star_product_part2_box ul li a span i { display:block; text-align: center; font-size:14px; color:#7d7d7e;}
.star_product_part2_box ul li a span em.white, .star_product_part2_box ul li a span i.white{ color:#fff;}
.center_banner img {  width:100%; height:auto;}

.svg_file{ display:none;}
.about_part_c > .svg_file{ display:block;}

.center_banner .svg_file,.footer_l_t .svg_file,.style_r .svg_file,.about_part1 .svg_file{ display:block;}

.news_active_part { width:1106px; margin:0 auto; overflow:hidden; }
.news_active_part ul{ margin:0 -10px;}
.news_active_part ul li { width:33.3%; float:left; }
.news_active_part ul li .news_active_part_box { margin:0 10px; overflow:hidden; }
.news_active_part_box > a img{ width:100%; height:auto;}

.news_active_part_box_txt{ border-top:1px solid #403e43; position:relative; padding-bottom:100px;}
.news_active_part_box_txt > .link_a{ display:block; width:29px; height:11px; position:absolute; left:50%; bottom:0;}
.news_active_part_box_txt > .link_a a{ position:absolute; left:0; top:0; display:block; width:100%; height:100%; z-index:20;}
.news_active_part_box_txt > .link_a embed{ position:absolute; top:0; left:0; z-index:10;}
.news_active_part_box span{ line-height:74px; font-size:14px; color:#333137; font-family:Arial; padding-left:20px;}
.news_active_part_box dl{ margin:50px 0 20px; height:260px; overflow:hidden;}
.news_active_part_box dt{ width:30%; float:left;}
.news_active_part_box dt a{ margin:0 20px; display:block; font-size:18px; color:#333137; line-height:30px; /* writing-mode:vertical-lr; */}
.news_active_part_box dt a:hover{ color:#666;}
.news_active_part_box dd{ width:70%; float:left; padding-right:30px; box-sizing:border-box; line-height:26px; font-size:12px;}

.news_active{ margin-bottom:110px;}
.news_active h2{text-align:center; color:#ffffff; font-weight:normal; font-size:18px;}

.imgcase{ width:100%; margin-bottom:70px;}
.imgcase li{ position:relative;}
.imgcase li img{ width:100%; height:100%;}
.imgcase li .imgcase_cover{ display:block; width:100%; height:100%; position:absolute; left:0; top:0; color:#fff; font-size:18px; text-align:center; line-height:32px; opacity:0; background:#333137; }
.imgcase li span{ display:none; width:100%; height:auto; position:absolute; left:0; top:45%;  font-size:18px; text-align:center; line-height:32px;  }
.imgcase li:hover span{ display: block;}
.imgcase li span a,.imgcase li:hover span a{color:#fff; font-weight: normal;}
.imgcase li .imgcase_cover span{ display:block; width:100%; height:32px; position:absolute; top:50%; margin-top:-16px; color:#fff;}
@media only screen and (min-width: 1025px) {
    .imgcase li:hover .imgcase_cover{ opacity:1;}
}
.imgcase li em{ display:block; width:100%; height:100%; background:rgba(0,0,0,0.4); position:absolute; left:0; top:0;}

.center_banner{ position:relative; background-size:100% auto !important;}

.center_banner_title{ width:100%; height:33px; position:absolute; left: auto; top:50%; margin-top:-16px;}
.center_banner_title img{ display:block; margin:0 auto; width:auto; height:33px;}
.center_banner_title span{ display:none;}


.pro_1366 .star_product_part1 ul li a:hover img{transform: scale(1);}
.pro_1366 .star_product_part2_box ul li a:hover > img{transform: scale(1);}
.pro_1366 .news_active_part_box > a:hover img{transform: scale(1);}


.pro_1366 a{ text-decoration: none ;transition:all 0s cubic-bezier(0, 0, 0, 0) 0s; color:#7d7d7e;}
.pro_1366 .star_product_part1 ul li a img,.pro_1366 .star_product_part2_box ul li a > img,.pro_1366 .news_active_part_box > a img,.pro_1366 .imgcase li .imgcase_cover,.pro_1366 .news_main li dl dd a img,.pro_1366 .news_case_l img { text-decoration: none ;transition:all 0s cubic-bezier(0, 0, 0, 0) 0s; color:#7d7d7e;}



*{ box-sizing:border-box;}
.circleMenu_l{ background:url(../images/cir_before.png) no-repeat left center; position:absolute; left:20px; top:50%; margin-top:-15px; width:30px; height:30px; z-index:300;}
.circleMenu_l span{ background:url(../images/bg_back.jpg) no-repeat center; height:100%; width:50%; right:0; top:0; display:block; position:absolute;}
.circleMenu_r{ background:url(../images/cir_before.png) no-repeat left center; position:absolute; right:20px; top:50%; margin-top:-15px; width:30px; height:30px; z-index:300;}
.circleMenu_r span{ background:url(../images/bg_back.jpg) no-repeat center; height:100%; width:50%; left:0; top:0; display:block; position:absolute;}
.cir_menu_l{ width:30px; height:30px; display:block; left:20px; top:50%; margin-top:-15px; position:absolute; opacity:0; background:url(../images/cir_active.jpg) no-repeat; z-index:400;}
.cir_menu_r{ width:30px; height:30px; display:block; right:20px; top:50%; margin-top:-15px; position:absolute; opacity:0; background:url(../images/cir_active.jpg) no-repeat; z-index:400;}
.cir_menu_l.on,.cir_menu_r.on{ opacity:1;}
.circleMenu_l.on span,.circleMenu_r.on span{ height:0%;}

.footer_box{ width:1106px; margin:0 auto; padding-bottom:60px;}
footer{ border-top:2px solid #333137; padding-bottom:20px;}
footer dl{ float:left; margin-right:100px;}
footer dt{ padding-top:36px; background:#333137; width:69px; float:left;}
footer dt span{ display:none;}
footer dd{ line-height:26px; float:left; margin-left:16px; padding-top:36px;}
.footer_l_t{ margin-bottom:90px;}

.footer_l_b{ font-size:12px; color:#969696;}
.footer_l_b a{margin:0 5px;}
.footer_l_b a.gslogo{position: relative;top:-8px;}
.footer_l{ float:left; width:82%;}

.footer_r{ width:100px; float:right; padding-top:36px;}
.footer_r .footer_r_t{ margin-bottom:10px; overflow:hidden;}
.footer_r .footer_r_t_l{ display:inline-block; width:29px; height:29px; position:relative;}
.footer_r .footer_r_t_c{ display:inline-block; width:29px; height:29px; position:relative;}
.footer_r .footer_r_t_r{ display:inline-block; width:29px; height:29px; position:relative;}
.footer_r .footer_r_t_l a,.footer_r .footer_r_t_c a,.footer_r .footer_r_t_r a{ display:block; width:100%; height:100%; position:absolute; left:0; top:0; z-index:20;}
.footer_r img{ width:90px;}

.footer_l_t dl.last{ margin-right:0;}

.phone_menu{ display:none;}


.search{}
.search_box{ position:absolute; right:0; overflow:hidden; width:0; height:70px; background:#f8f8f8;}
.search.on .search_box{ width:436px;}
.search_box .search_box_input{ float:left; padding:25px 22px 0; width:296px;}
.search_box .search_box_input input{ background:none; border:0; height:22px; line-height:22px; float:left; width:250px;}
.newsSearch,.proSearch{ width:70px; height:70px; border:0;}
.newsSearch{ background:#3a3a3a; color:#fff; position:absolute; right:70px;}
.proSearch{ background:#000000; color:#fff; position:absolute; right:0px;}

.header_c > a {  display:none;}

.other_main { width:1142px; margin:0 auto; }

header li {  position:relative;}
.subnav {  position:absolute; background:#3a3a3a; width:100%; padding-bottom:24px; display:none; opacity:0;}
.subnav dd, .subnav a {  line-height:34px;}
.subnav a {  width:72%; margin:0 auto; padding:0; border-bottom:1px solid #767574;}
.subnav li dl > dd:last-child a {  border:0;}





.video_appbox{ position:fixed; width:100%; height:100%; top:0; left:0; z-index:90001; display:none;}
.video_appbox .video_t{ left:10%; top:15%; position:absolute; height:70%; width:80%;   z-index:90001; background:#000;}
.video_appbox .mask{ position:absolute; z-index:1; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:90000}
.lt9 .video_appbox .mask{filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr="#88000000", EndColorStr="#88000000");}
.video_t > a { position: absolute; right: -19px; top: -19px; z-index: 2; }
.video_t > a img{ width:38px; height:38px;}

.new_outer_bg{ position:fixed; width:100%; height:80000px; background:url(../images/new_png.png) repeat; z-index:90000; left:0; top:0; display:none;}
.new_outer{ width:704px; height:570px; position:fixed; left:50%; top:50%; margin-left:-352px; margin-top:-285px; z-index:90001; background:#fff; display:none;}
.new_outer_close{ height:55px;}
.new_outer_close a{ display:block; width:73px; height:55px; background:url(../images/close.svg) no-repeat center; background-size:18px 18px; float:right;}
.new_outer ul{ width:410px; margin-left:138px;}
.new_outer ul li{ overflow:hidden; margin-bottom:4px; min-height:70px;}
.new_outer ul span{ display:block; position:relative;}
.new_outer ul span.span1{ width:62px; text-align:right; font-size:16px; color:#000; float:left; margin-right:16px; line-height:44px;}
.new_outer ul span.span2{ width:314px; float:left;}
.new_outer ul span.span2 .new_inp1{ height:44px; border:1px solid #bebebe; width:312px; border-radius:4px; padding:0 8px;}
.new_outer ul span.span2 textarea{ height:146px; width:312px; border-radius:4px; padding:8px; overflow:auto; border:1px solid rgb(169, 169, 169);}
.new_outer ul span.span2 em{ display:block; width:16px; height:16px; overflow:hidden; float:left; position:relative; top:3px;}
.new_outer ul span.span2 em.on{ background:url(../images/new_inpcheckbox1.jpg) no-repeat;}
.new_outer ul span.span2 label{ float:left; margin-left:10px; font-size:14px; color:#464646; float:left;}
.new_outer ul span.span2 em input{ opacity:0; position:absolute; right:-200px; top:0;}
.addForm{ float:left; width:170px; height:26px;}
.addForm i,.addForm a{ float:left;}
.addForm a{ display:block; width:58px; height:20px; }
.addForm #ViewSpan a{ background:#000; color:#fff; text-align:center; width:72px; height:26px; line-height:26px; font-size:14px; margin-right:10px;}
.up{ width:170px; height:26px; float:left;}

.new_reset{ display:block; width:114px; height:34px; float:left; background:#333137; font-size:14px; color:#fff; margin-right:20px; border:0; border-radius:0px;}
.new_submit{ display:block; width:114px; height:34px; float:left; background:#333137; font-size:14px; color:#fff; border:0; border-radius:0px;}
.new_outer ul li.new_short{ min-height:44px; padding-top:6px;}

.new_outer ul span.span2 .new_inp1_ver {
    width: 110px;
}

.new_outer ul span.span2 > a {
    position: relative;
    top: 8px;
}



.new_outer_bg1{ position:fixed; width:100%; height:80000px; background:url(../images/new_png.png) repeat; z-index:90000; left:0; top:0; display:none;}
.new_outer1{ width:704px; height:570px; position:fixed; left:50%; top:50%; margin-left:-352px; margin-top:-285px; z-index:90001; background:#fff; display:none;}
.new_outer_close1{ height:55px;}
.new_outer_close1 a{ display:block; width:73px; height:55px; background:url(../images/close.svg) no-repeat center; background-size:18px 18px; float:right;}
.new_reset1{ display:block; width:114px; height:34px; float:left; background:#333137; font-size:14px; color:#fff; margin-right:20px; border:0; border-radius:0px;}
.new_submit1{ display:block; width:114px; height:34px; float:left; background:#333137; font-size:14px; color:#fff; border:0; border-radius:0px;}

.login_outer{ width:500px; height:300px; position:fixed; left:50%; top:50%; margin-left:-250px; margin-top:-150px; z-index:90001; background:#fff; display:none;}
.login_outer_close{ height:55px;}
.login_outer_close a{display:block; width:73px; height:55px; background:url(../images/close.svg) no-repeat center; background-size:18px 18px; float:right;}

.login_outer ul{ width:410px; margin-left:40px;}
.login_outer ul li{ overflow:hidden; margin-bottom:4px; min-height:70px;}
.login_outer ul span{ display:block; position:relative;}
.login_outer ul span.span1{ width:62px; text-align:right; font-size:16px; color:#000; float:left; margin-right:16px; line-height:44px;}
.login_outer ul span.span2{ width:314px; float:left;}
.login_outer ul span.span2 .new_inp1{ height:44px; border:1px solid #bebebe; width:312px; border-radius:4px; padding:0 8px;}
.login_outer ul span.span2 a.forgetpwd{ float:right; margin:10px 10px 0 0;}

/*微信二维码弹窗*/
.weixin { position: fixed; width: 300px; height: 200px; z-index: 100000; left: 50%; top: 50%; margin: -100px 0 0 -150px; background: #fff; border: 1px solid #ddd; border-radius: 6px; box-shadow: 1px 1px 2px #aaa; }
.weixin .c { position: absolute; width: 30px; height: 30px; right: 0; top: 0; font-size: 20px; font-style: normal; text-align: center; cursor: pointer; z-index: 2; }
.weixin h2 { position: relative; line-height: 30px; font-size: 16px; padding-left: 10px; }
.weixin .img { padding: 10px; text-align: center; /*border-bottom: 1px solid #ddd; border-top: 1px solid #ddd;*/ }
.weixin .img img { width: 180px; height: 180px; }
.weixin p { padding: 2px 10px 0; text-align: center; }



.music_aft{ display:none;}

.header_outer_bg{ background:url(../images/bac_img.png) no-repeat left center; width:153px; height:213px; position:absolute; left:-12px; top:2px; z-index: 100; display: none;}
.header_outer_bg ul{ padding-top: 80px;}
.header_outer_bg li{ display:block; line-height: 32px; width:136px; margin-left: 6px;}
.header_outer_bg li.header_outer_title{ width:108px; margin-bottom: 10px; line-height: 26px;}
.header_outer_bg li.header_outer_title em{ border-bottom:1px solid #dedede; line-height: 26px;}
.header_outer_bg li.header_outer_title em,.header_outer_bg li a{ width:110px; display: inline-block; margin-left:12px; padding: 0;}
.header_outer_bg li a{ padding-left:30px; background: url(../images/black_dot.png) no-repeat 16px center; margin-left: 1px; width:135px;}
.header_outer_bg li a:hover{ padding-left:30px; background: url(../images/white_dot.png) no-repeat 16px center #686666;}
.Agreement_bar > a{ position: absolute; right:0; top:0; display: block; width:73px; height:55px;}
.Agreement_bar > a img{ width:18px; height:18px; position: absolute; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);}

.bx-controls-direction{ visibility:hidden;}
.bx-wrapper:hover .bx-controls-direction{ visibility:visible;}

@media only screen and (min-width: 1025px) {
    header li:hover .subnav {
        display: block;
        opacity: 1;
    }
    header li:hover a{ color:#fff; background:#3a3a3a;}
}


.star_product_part2 .arrow-left {
    background: url(../images/arrows.png) no-repeat left top;
    position: absolute;
    left: 30px;
    top: 50%;
    margin-top: -15px;
    width: 17px;
    height: 30px;
    z-index: 201;
    display:none;
}

.star_product_part2 .arrow-right {
    background: url(../images/arrows.png) no-repeat left bottom;
    position: absolute;
    right: 30px;
    top: 50%;
    margin-top: -15px;
    width: 17px;
    height: 30px;
    z-index: 201;
    display:none;
}


@media only screen and (max-width: 1366px) {
    footer dl { margin-right:20px; }
    footer dd { font-size:12px; }
}

@media only screen and (max-width: 1280px) {
    .star_product_part1,.star_product_part2 .star_product_part2_box,.news_active_part,.footer_box,.other_main{ width:980px;}
    .star_product_part2{ width:100%;}

    header li{  padding:0 0;}
    .header_r > a{ margin-right:6%;}
    .header_r{padding-right:70px;}
    .header_c{ left:53%;}
    .header_l{ padding-left:30px;}
    .star_product_header,.news_active{ margin-bottom:70px;}
    .star_product{ padding-bottom:70px;}
    .imgcase{ margin-bottom:40px;}
    .star_product_part1 ul li a p{ height:40px; line-height:40px;}

    .footer_l_t {  margin-bottom:70px;}

    .news_active_part_box_txt{ padding-bottom:50px;}


}

@media only screen and (max-width: 1024px) {
    .star_product_part1,.star_product_part2 .star_product_part2_box,.news_active_part,.footer_box,.other_main{ width:910px;}
    *{ cursor: pointer;}
    footer dl {  margin-bottom:10px;}

    .footer_l_t {  margin-bottom:50px;}

    header li a { padding:0 28px; }
    .news_active_part_box_txt{ padding-bottom:30px;}

    .circleMenu_r,.circleMenu_l,.cir_menu_l,.cir_menu_r{ display:none!important;}
    .star_product_part2 .arrow-left,.star_product_part2 .arrow-right{ display:block;}

    .center_banner > img{ opacity:1;}

    header li.active .subnav {
        display: block;
        opacity: 1;
    }
    header li.active a{ color:#fff; background:#3a3a3a;}
}


@media only screen and (max-width: 1023px) {
    .star_product_part1,.star_product_part2 .star_product_part2_box,.news_active_part,.footer_box,.other_main{ width:768px;}
    .header_l{ padding-left:10px;}
    .header_c{ left:40%;}

    header li a {  padding:0 18px;}

    .subnav { display:none;}
    .news_active_part_box_txt{ padding-bottom:15px;}

    .header_l{ margin-left:0;}
}

@media only screen and (max-width: 767px) {
    .other_main { width:auto; margin:0 10px; }
    .bx-wrapper{ margin-bottom:10px !important;}
    header{line-height:40px;}
    .header_l{ top:-12px; height:60px;}
    .header_l img{ height:100%; width:auto;}
    .header_c{ display:block; position:fixed; right:0; top:0px; z-index:600; left:auto; background:#202122; height:8000px}
    .header_c li{ width:80px; clear:both;}
    .header_right_box span {  padding-top:3px;}
    .header_r{ width:230px; padding-right:80px;}
    .header_right_box{ width:90px;}
    .search{ width:40px; height:40px; right:40px;}
    .search_svg{right:40px; width:40px; height:40px; }
    .search_svg1{margin-left:11px; margin-top: 11px;}

    .phone_menu{ color:#686666; display:block; right:0; top:0; position:fixed; background:#202122; width:40px; height:40px;}
    .phone_menu em.p1{ display:block; width:18px; height:2px; background:#d7d6d6; position:absolute; top:50%; margin-top:-6px; left:50%; margin-left:-9px;}
    .phone_menu em.p2{ display:block; width:18px; height:2px; background:#d7d6d6; position:absolute; top:50%; margin-top:0; left:50%; margin-left:-9px;}
    .phone_menu em.p3{ display:block; width:18px; height:2px; background:#d7d6d6; position:absolute; top:50%; margin-top:6px; left:50%; margin-left:-9px;}

    .star_product_header{ height:68px; width:auto; margin:0 10px 10px;}
    .star_product_header .logo_svg{ display:none;}
    .star_product_header span{ display:block; font-size:16px; color:#fff; text-align:center; line-height:46px;}

    .star_product_part1 ul li{ width:50%;}
    .star_product_part1{ width:auto; margin:0 10px;}
    .star_product_part2 .star_product_part2_box{ width:auto; margin:0 10px;}
    .star_product_part2_box li{ width:50%;}
    .cir_menu_l,.cir_menu_r,.circleMenu_l,.circleMenu_r{ display:none;}

    .center_banner{ background:none !important; background-size:100% 100%; margin:0 10px;}
    .center_banner > img{ opacity:1;}
    .center_banner_title img{ display:none;}
    .center_banner_title span{ display:block; color:#fff; font-size:14px; position:absolute; top:50%; left:0; width:100%; text-align:center; margin-top:-10px; line-height:20px;}

    .star_product{ padding-bottom:10px;}
    .center_banner{ margin-bottom:10px;}

    .star_product_part1 ul,.star_product_part2_box ul{ margin:0 -5px;}
    .star_product_part1 ul li a,.star_product_part2_box li a{ margin:0 5px;}

    .news_active_part li:first-child{ display:none;}

    .news_active_part_box dl{ height:auto;}

    .news_active_part ul li{ width:100%; margin-bottom:10px;}
    .news_active_part_box span{ line-height:40px;}
    .news_active_part_box dl{ margin:0 10px; width:auto;}
    .news_active_part_box dt,.news_active_part_box dd{ width:100%; padding:0; clear:both;}
    .news_active_part_box dt a{ margin:0;}
    .news_active_part_box span{ padding:0; margin:0 10px; width:auto;}

    .news_active_part{ width:auto; margin:0 10px;}

    .news_active{ margin-bottom:10px;}
    .imgcase{ margin:0 10px 10px; width:auto;}
    .imgcase li{ width:50%;}
    .imgcase li .imgcase_cover{ opacity:0.5;}
    .imgcase li .imgcase_cover span{ font-size:12px;}

    .footer_r{ display:none;}
    .footer_l_t{ display:none;}
    .footer_box{ width:auto; margin:0 10px; line-height:18px; padding:10px 0; overflow:hidden;}

    .header_c{ line-height:30px; width:60%; transform:translateX(100%)}
    .phone_menu{ transform:translateX(0px);}
    .phone_menu em.p1{ transform:rotate(0deg); margin-top:-6px;}
    .phone_menu em.p2{ opacity:1;}
    .phone_menu em.p3{ transform:rotate(0deg); margin-top:6px;}
    .phone_menu.on{ transform:translateX(0px);}
    .phone_menu.on em.p1{ transform:rotate(45deg); margin-top:0;}
    .phone_menu.on em.p2{ opacity:0;}
    .phone_menu.on em.p3{ transform:rotate(-45deg); margin-top:0;}
    .header_c.on{ transform:translateX(0%)}
    header ul { padding-top:39px; }
    header li{ margin:0 10px; border-bottom:1px solid #fff; width:auto;}
    header li:last-child { margin-right:10px; }
    header li.on a { color:#fff; }
    header li a{ color:#777777; font-size:14px; line-height:18px;}
    .header_l{ height:40px; width:28%; top:0; margin-left:0;}
    .header_l .logo_svg{ height:auto; top:-1px; position:relative;}
    .header_r{ z-index:600;}
    .search_box{ position:absolute; right:-40px; overflow:hidden; width:0; height:40px; background:#f8f8f8; top:40px;}
    .search.on .search_box{ width:365px;}
    .search_box .search_box_input{ float:left; padding:10px 22px 0; width:285px;}
    .search_box .search_box_input input{ background:none; border:0; height:22px; line-height:22px; float:left; width:250px;}
    .newsSearch,.proSearch{ width:40px; height:40px; border:0;}
    .newsSearch{ background:#3a3a3a; color:#fff; position:absolute; right:40px;}
    .proSearch{ background:#000000; color:#fff; position:absolute; right:0px;}

    .star_product_part2 .star_product_part2_box{ overflow-x:auto;-webkit-overflow-scrolling: touch;}

    .news_active_part_box_txt{ padding-bottom:40px;}
    .news_active_part_box_txt > .link_a{ margin-left:-17px;}

    .search:hover {background:url(../images/index_pic4.jpg) no-repeat center #f8f8f8;}

    .center_banner_title {  top:50% !important;}

    .header_right_box { display:block; width:40px; overflow:hidden; }
    .header_right_box a.header_right_box_pic2 {  display:none;}
    .header_right_box a.header_right_box_pic3 {  display:none;}
    .search_box { border:1px solid #ccc; }

    .in_banner {}

    .star_product_part2_box ul li a span img { display:none; }
    .star_product_part2_box ul li a span em, .star_product_part2_box ul li a span i { display:block;}

    .star_product_part2_box ul li a span em { position:relative; left:50%; width:2px; height:30px; background:#343138; }
    .star_product_part2_box ul li a span em.white { background:#fff; }
    .star_product_part2_box ul li a span i {  font-size:14px; width:16px; text-align:center; left:50%; margin-left:-8px; color:#343138; display:block; text-align:center; position:relative; padding-top:10px;}
    .star_product_part2_box ul li a span i.white { color:#fff; }
    header li a:hover {  color:#fff;}

    .header_c > a {  display:block; width:80px; margin:0 auto; color:#fff; line-height:18px; border-bottom:1px solid #fff; padding:8px 0;}
    .header_r > a { display:none; }
    header li.on a { font-weight:normal;background: #b1b0ae; }
    header.on,section.on,footer.on { transform:translateX(-60%); }
    .header_c li {  width:100%; margin:0;border-top: 1px solid #272727; height:50px; line-height:50px; border-bottom:0; text-align:left; position:relative;}
    .header_c li a { padding:0 25px; box-sizing:border-box; display:block; width:100%; line-height:50px; }
    .header_c li span.circle { width: 8px; height: 8px; border: #474747 1px solid; border-radius: 5px; margin-right: 20px; display:inline-block; }
    .header_c li.on span.circle { border-color: #FFF; background-color: #b1b0ae; }

    .header_c li span.more { width: 12px; height: 12px; position: absolute; right: 10px; top: 20px; }

    .header_c li span.more span.h { width: 12px; height: 2px; transform: translate3d(0, 5px, 0); -webkit-transform: translate3d(0, 5px, 0); }

    .header_c li span.more span.v { transform: rotate3d(0, 0, 1, 90deg) translate3d(5px, 0, 0); -webkit-transform: rotate3d(0, 0, 1, 90deg) translate3d(5px, 0, 0); }

    .moreBox { display:block; position:absolute; right:0; width:20%; height:100%; z-index:200; }

    .header_c li span.more span { background: #474747; position: absolute; display:inline-block; }

    .header_c li.active span.circle { border-color: #FFF; background-color: #00C0FF; }
    .header_c li.active a { background: #222324; }
    .header_c li.active a { color: #fff; }
    .header_c li.active a span.more span.v { transform: rotate3d(0, 0, 0, 0) translate3d(0, 5px, 0); -webkit-transform: rotate3d(0, 0, 0, 0) translate3d(0, 5px, 0); }

    .footer_l_t {  margin-bottom:20px;}

    header li { padding:0; }

    .subnav {  position:relative; left:0; top:0;}
    .header_c li {  height:auto;}

    .fa-angle-right{ margin-right: 20px; font-size: 12px; color: #fff; width:8px;}



    .header_c li.hasmore { background:#000; }


    .subnav {  padding-bottom:0;}
    .header_c li:hover span.circle { background:#b1b0ae; }
    .header_c li:hover span.more span { background:#fff; }
    .header_c li:hover span.more span.v {    transform: rotate3d(0, 0, 0, 0) translate3d(0, 5px, 0);
        -webkit-transform: rotate3d(0, 0, 0, 0) translate3d(0, 5px, 0); }
    .header_c li:hover dd a { font-size:12px; }

    .svg_file {  display:none;}

    .header_l a {  height:40px;}



    .login_outer{ width:300px; height:260px; margin:-130px 0 0 -150px;}
    .login_outer ul{ margin:0 auto; width:90%;}
    .login_outer ul span.span2,.login_outer ul span.span2 .new_inp1{ width:190px;}
    .login_outer .new_reset{ margin-right:0;}
    .login_outer ul span.span2 a.forgetpwd{ margin:10px 0 0;}
}



.form_box .form_item { position:relative; min-height:1.5em; padding-left:10em; margin-bottom:20px; line-height:30px;}
.form_box .name { width:10em; position:absolute; left:0; top:0; text-align:right;}
.form_box .name .text  { }
.form_box .form-w { }
.form_box .text { border:1px solid #ddd; box-sizing:border-box; width:400px; padding:0 5px; height:30px; line-height:30px; border-radius:2px;}
.form_box .active .text { border-color:#b6ff00; box-shadow:0 0 2px #00ff21; background:#fdf7e6;}
.form_box .error .text {border-color:#ff0000;  background:#fff; }
.form_box .error .valid_message { display:inline-block; margin-left:0px; color:#ff0000; vertical-align:top; position:absolute; right:10px; top:0; line-height:44px;}
.form_box .form-w label{ margin:0 5px 0 5px; }
.form_box .form-w label input { margin-right:5px;}
.form_box .form-w select { border:1px solid #ddd; height:30px; vertical-align:top; }
.form_box .form-w .city-box select { min-width:130px; float:left; margin-right:5px;  *float:none;}
.form_box .form-w textarea { width:600px;  box-sizing:border-box; border:1px solid #ddd; padding:5px; height:150px; border-radius:2px;}
.form_box .form-w .textarea-box .tip { display:inline-block; vertical-align:top;}
.form_box .form-w .textarea-box.error .tip { color:#ff0000;}
.form_box .form-w .textarea-box.error textarea { border-color:#ff0000; box-shadow:0 0 2px #ff0000; background:#fff;}
.form_box .form-w .sub-botton input { border:0; margin-right:20px; border-radius:2px; min-width:100px; text-align:center; height:30px; color:#fff; background:#666;}
.form_box .form-w .sub-botton #sup { }
.form_box .form-w .sub-botton #res { background:#aaa; }
/*密码强度*/
.form_box .form-w .pwd-strong { width:400px; padding-top:5px;}
.form_box .form-w .pwd-strong i { display:block; float:left; height:20px; line-height:20px; width:31.3%; margin:0 1%; text-align:center; background:#eee; color:#999; }
.form_box .form-w .pwd-strong.weak i:first-child { background:#ed3104; color:#FFF; }
.form_box .form-w .pwd-strong.medium i:first-child{ background:#ed3104; color:#FFF;}
.form_box .form-w .pwd-strong.medium i:first-child + i { background:#f58310; color:#FFF;}
.form_box .form-w .pwd-strong.strong i:first-child{ background:#ed3104; color:#FFF;}
.form_box .form-w .pwd-strong.strong i:first-child + i{ background:#f58310; color:#FFF;}
.form_box .form-w .pwd-strong.strong i:first-child + i+ i{ background:#6e981c; color:#FFF;}
/*上传*/
.upload-box { display:block; width:400px; height:30px; position:relative;  border:1px solid #ddd; border-radius:2px;}
.upload-box.again-box { background:no-repeat; padding:1px; border:0;}
.upload-box.again-box a { display:inline-block; padding:0 10px; margin-right:5px; background:#999; color:#fff; border-radius:2px;}
.upload-box.again-box a:hover { background:#666;}
.upload-box iframe { position:relative; overflow:hidden; position:absolute; width:100%; height:100%; opacity:0; filter:alpha(opacity=0);}
/**/

.login_outer .valid_message{}

.form_box .step_r.error .valid_message{ position:relative; float:left; right:0; line-height:28px; margin-left:8px;}

@media (max-width:767px) {
    .form_box { margin:0 20px;}
    .form_box .form_item { padding-left:0;}
    .form_box .name { position:relative; width:auto;}
    .form_box .form_item .ph-radiobox { padding-left:5em;}
    .form_box .form_item .ph-radiobox .name { position:absolute; width:5em;}
    .form_box .text { width:100%; padding:0; text-indent:5px;}
    .form_box .form-w .pwd-strong { width:auto;}
    .upload-box { width:auto;}
    .form_box .form-w textarea { width:100%; text-indent:5px; padding:5px 0;}
    .form_box .form-w .city-box select { width:100%; float:none; margin:0 0 10px 0;}
    .form_box .error .valid_message { margin-left:5px;}
}



.sprite {
    background-image: url(../images/spritesheet.png);
    background-repeat: no-repeat;
    display: block;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -18px; margin-top: -18px;
    z-index: 500;
}



.sprite-loading_0001 {
    width: 36px;
    height: 36px;
    background-position: -5px -5px;
}

.sprite-loading_00010 {
    width: 36px;
    height: 36px;
    background-position: -51px -5px;
}

.sprite-loading_00011 {
    width: 36px;
    height: 36px;
    background-position: -97px -5px;
}

.sprite-loading_00012 {
    width: 36px;
    height: 36px;
    background-position: -143px -5px;
}

.sprite-loading_00013 {
    width: 36px;
    height: 36px;
    background-position: -189px -5px;
}

.sprite-loading_00014 {
    width: 36px;
    height: 36px;
    background-position: -5px -51px;
}

.sprite-loading_00015 {
    width: 36px;
    height: 36px;
    background-position: -51px -51px;
}

.sprite-loading_00016 {
    width: 36px;
    height: 36px;
    background-position: -97px -51px;
}

.sprite-loading_00017 {
    width: 36px;
    height: 36px;
    background-position: -143px -51px;
}

.sprite-loading_00018 {
    width: 36px;
    height: 36px;
    background-position: -189px -51px;
}

.sprite-loading_00019 {
    width: 36px;
    height: 36px;
    background-position: -5px -97px;
}

.sprite-loading_0002 {
    width: 36px;
    height: 36px;
    background-position: -51px -97px;
}

.sprite-loading_00020 {
    width: 36px;
    height: 36px;
    background-position: -97px -97px;
}

.sprite-loading_00021 {
    width: 36px;
    height: 36px;
    background-position: -143px -97px;
}

.sprite-loading_00022 {
    width: 36px;
    height: 36px;
    background-position: -189px -97px;
}

.sprite-loading_00023 {
    width: 36px;
    height: 36px;
    background-position: -5px -143px;
}

.sprite-loading_00024 {
    width: 36px;
    height: 36px;
    background-position: -51px -143px;
}

.sprite-loading_00026 {
    width: 36px;
    height: 36px;
    background-position: -97px -143px;
}

.sprite-loading_0003 {
    width: 36px;
    height: 36px;
    background-position: -143px -143px;
}

.sprite-loading_0004 {
    width: 36px;
    height: 36px;
    background-position: -189px -143px;
}

.sprite-loading_0005 {
    width: 36px;
    height: 36px;
    background-position: -5px -189px;
}

.sprite-loading_0006 {
    width: 36px;
    height: 36px;
    background-position: -51px -189px;
}

.sprite-loading_0007 {
    width: 36px;
    height: 36px;
    background-position: -97px -189px;
}

.sprite-loading_0008 {
    width: 36px;
    height: 36px;
    background-position: -143px -189px;
}

.sprite-loading_0009 {
    width: 36px;
    height: 36px;
    background-position: -189px -189px;
}




.clew-portrait { position: fixed; top: 0; right: 0; bottom: 0; left: 0; display: none; background: url(../images/clew_portrait_bg-pad.jpg) no-repeat 50% 50% #fff; background-size: 147px 157px; z-index: 8000; }
.portrait .clew-portrait { display: block }


.ball-clip-rotate > div {
    background-color: #fff;
    width: 36px;
    height: 36px;
    border-radius: 100%;
    margin: 2px;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    border: 1px solid #000;
    border-bottom-color: transparent;
    height: 36px;
    width: 36px;
    background: transparent !important;
    display: inline-block;
    -webkit-animation: rotate 0.75s 0s linear infinite;
    animation: rotate 0.75s 0s linear infinite; position:fixed; left:50%; margin-left: -18px; top:50%; margin-top: -18px; }

@keyframes rotate {
    0% {
        -webkit-transform: rotate(0deg) scale(1);
        transform: rotate(0deg) scale(1); }

    65% {
        -webkit-transform: rotate(180deg) scale(1);
        transform: rotate(180deg) scale(1); }

    100% {
        -webkit-transform: rotate(360deg) scale(1);
        transform: rotate(360deg) scale(1); }
}

.design_wrap{width:100%; height:1200px; overflow:auto;position: relative;z-index: 999;}
.design_box{width:100%; height:100%; position:relative; top:0;}
.design_iframe{border: 0px;}